<template>
    <span class="input__date">
        <a-year-picker :trigger-props="{
            contentClass: 'arco__picker'
        }" v-bind="$attrs"/>
    </span>

</template>

<script setup lang="ts">
import { defineProps } from 'vue';
const props = defineProps({
  width: {
    type: String,
    default: '328px'
  }
});
</script>

<style lang="less" scoped>
.input__date :deep(.arco-picker) {
  width: v-bind('props.width');
  border-radius: 4px;
  border: 1px solid @base-color-border;
  opacity: 1;
  background-color: #fff;
  color: @base-color-1-text;

  ::placeholder {
    font-size: 14px;
    color: @base-color-border;
  }
}
</style>
